<template>
  <div class="bf-aboutUs">
      <div class="aboutUs-content">
        <div class="content content01" v-for="item,index in getCurPData" :key="index">
          <img :src="item.imgUrl" alt="">
          <div class="inner">
            <p v-for="list,index in item.desc" :key="index">{{ list }}</p>
            <el-row>
                <el-col :span="8" v-if="item.imgList" v-for="img,index in item.imgList" :key="index">
                    <img :src="img" alt="">
                </el-col>
            </el-row>
          </div>
        </div>
      </div>
  </div>
</template>  
  
<script>
export default {
  computed:{
		getCurPData(){
			return this.$t("page.about.intro");
		}
	},
};
</script>  
<style>
.bf-aboutUs {
  width: 100%;
  background: #fff;
}
.bf-aboutUs .aboutUs-content {
  width: 100%;
}
.bf-aboutUs .aboutUs-content .content {
  margin: 0 auto;
  padding: 18px 0 20px;
}
.bf-aboutUs .aboutUs-content .content:last-child {
  padding-bottom: 191px;
}
.bf-aboutUs .aboutUs-content .content .inner {
  width: 1200px;
  margin: 0 auto;
}
.bf-aboutUs .aboutUs-content .content:nth-child(even) {
  background: #f2f2f2;
}
.bf-aboutUs .aboutUs-content p {
  text-align: left;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 20px;
}
</style> 